<template>
  <div class="artlist-container">我是ArtList组件</div>
</template>

<script>
export default {
  // beforeCreate () {
  //   console.log('子 - beforeCreate')
  // },
  created () {
    // console.log('子 - created')
    // console.log(abcd) // 故意写错
  }
  // beforeMount () {
  //   console.log('子 - beforemount')
  // },
  // mounted () {
  //   console.log('子 - mount')
  // }
}
</script>

<style lang="less" scoped>
.artlist-container {
  background-color: pink;
  margin: 5px;
  padding: 10px;
}
</style>
